<!DOCTYPE html>
<html lang="zh" ng-app='app'>
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>记账本</title>
	<script src="angular.min.js"></script>
	<script src="angular-route1.4.5.js"></script>
	<link rel="stylesheet" href="bootstrap/css/bootstrap.css" />
	<script src="bootstrap/js/jquery-3.1.1.min.js"></script>
	<script src="bootstrap/js/bootstrap.js"></script>
	<script src="tally.js"></script>
	<style>
		body {
	            font-family: "微软雅黑";
	            background-image: url(bg.jpg);
	            background-size: 100%;
	    }
	    .pagination {
	            margin: 0;
	            padding: 0;
	    }
	    .sy-footer{
	    	width:100%;
	    	height: 40px;
	    	display: flex;
	    	justify-content: space-between;
	    	box-sizing: border-box;
	    	padding: 0 5px;
	    	align-items: center;
	    	position: fixed;
	    	left: 0;
	    	bottom: 0;
	    	border-top: 1px solid #ccc;
	    }
	    .sy-footer>a{
	    	display: block;
	    	width:25%;
	    	height:40px;
	    	line-height: 40px;
	    	text-align: center;
	    	font-size: 16px;
	    	color: black;
	    	text-decoration: none;
	    }
	    .sy-footer>a:hover{
	    	background: paleturquoise;
	    	border-radius: 5px;
	    	color: white;
	    }
	    .wrapBtn{
	    	width:100%;
	    	box-sizing: border-box;
	    	display: flex;
	    	padding: 0 5px;
	    	justify-content: flex-end;
	    	align-items: center;
	    	margin-bottom: 10px;
	    }
	    .wrapBtn>button{
	    	width:70px;
	    	font-size: 12px;
	    }
	    .oS{
	    	margin-right: 30px;
	    }
	    .shuXie,.shuXie2{
	    	display: none;
	    }
	    .wrapForm,.wrapForm2{
	    	width:100%;
	    	box-sizing: border-box;
	    	padding: 10px 10px;
	    	display: flex;
	    	justify-content: center;
	    	align-items: center;
	    	flex-direction: column;
	    	position: fixed;
	    	top: 100px;
	    	left: 0;
	    	z-index: 20;
	    	background: red;
	    	font-size: 18px;
	    }
	    .wrapForm>div,.wrapForm2>div{
	    	width:100%;
	    	display: flex;
	    }
	    .wrapForm>div input,.wrapForm2>div input{
	    	flex-grow: 1;
	    	border-radius: 5px;
	    	border:1px solid #ccc;
	    	margin-bottom: 10px;
	    }
	    th{
	    	background: #5BC0DE;
	    }
	    tr:nth-child(even){
	    	background: greenyellow;
	    }
	    tr:nth-child(odd){
	    	background: pink;
	    }
	    th,td{
	    	height:40px;
	    	margin: 0;
	    	padding: 0 5px !important;
	    	text-align: center;
	    }
	    .rm{
	    	width:50px;
	    	font-size: 12px;
	    	background: red;
	    }
	    .zj{
	    	height:40px;
	    	line-height: 40px;
	    }
	    .zj>span{
	    	font-size: 16px;
	    	margin-right: 10px;
	    	font-weight: bold;
	    }
	    .zj>b{
	    	font-size: 18px;
	    	color: red;
	    }
	</style>
</head>
<body ng-controller='ct1'>
	<!--主体开始-->
	<ng-view></ng-view>
	<!--主体结束-->
		
	<!--尾部切换-->
	<footer class="sy-footer">
		<a href="#home">首页</a>
		<a href="#list">列表</a>
		<a href="#tonji">统计</a>
		<a href="#my">我的</a>
	</footer>
	<!--尾部切换-->
</body>
</html>